<style>

    td .laytable-cell-1-0-10 {
        line-height: 14px;
    }

    td .laytable-cell-2-0-10 {
        line-height: 14px;
    }
</style>
<script>
    layui.config({
        base: '/static/layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'table', 'admin'], function () {
        var $ = layui.$
            , form = layui.form
            , admin = layui.admin
            , table = layui.table;
        //监听搜索
        form.on('submit(LAY-user-back-search)', function (data) {
            var field = data.field;
            //执行重载
            table.reload('LAY-user-back-role', {
                where: field,
                page: {
                    curr: 1  // 将页码重置为第一页
                }
            });
        });

        //监听搜索
        form.on('submit(LAY-user-back-search2)', function (data) {
            var field = data.field;

            //执行重载
            table.reload('LAY-user-back-role2', {
                where: field
                ,page: {
                    curr: 1  // 将页码重置为第一页
                }
            });
        });

        table.render({
            elem: '#LAY-user-back-role'
            , url: '/user/operateUsers' //模拟接口
            , even: true
            , cellMinWidth: 100
            , response: {
                statusCode: 1 //规定成功的状态码，本来是：0，现在统一改为1
            }
            , page: true //开启分页
            , limits: [20, 30, 40, 50, 100]
            , limit: 20
            , cols: [
                [{field: 'id', width: 80, title: 'ID'}
                    , {
                    field: 'name', title: 'App', templet: function (d) {
                        if (d.quick_app) {
                            //得到当前行数据，并拼接成自定义模板
                            return d.quick_app.name
                        } else {
                            return '<span style="color:#c00; ">App不存在</span>';
                        }
                    }
                },{field: 'last_novel', title: '最近阅读', minWidth: 170,  templet: '#lastTpl'}
                 , {
                    field: 'agent', title: '<span lay-tips="是否为本账号下注册的读者，否代表外部账号下注册读者，现变更为本账号运营读者">注册读者</span>', align: 'center', templet: function (d) {
                        if (d.is_register === 1){
                            return '是';
                        }else {
                            return '否';
                        }
                    }
                }

                    , {field: 'vip_text', title: '读者身份', align: 'center', templet: '#vipTpl'}
                //     , {
                //     field: 'pay_money_text', title: '余额', align: 'center', templet: function (d) {
                //         return d.book_coin + d.book_point
                //     }
                // }
                    , {field: 'pay_money_text', title: '总充值', align: 'center'}
                    , {field: 'pay_times', title: '充值笔数', align: 'center'}
                    , {field: 'provider', title: '机型', align: 'center'}
                    , {field: 'regtime', title: '注册时间', minWidth: 170}
                    , {field: 'ip_addr', title: '注册IP', minWidth: 170}
                  ]]
        });


        table.render({
            elem: '#LAY-user-back-role2'
            , url: '/user/registerUsers' //模拟接口
            , even: true
            , cellMinWidth: 100
            , response: {
                statusCode: 1 //规定成功的状态码，本来是：0，现在统一改为1
            }
            , page: true //开启分页
            , limits: [20, 30, 40, 50, 100]
            , limit: 20
            , cols: [
                [{field: 'id', width: 80, title: 'ID'}
                    , {
                    field: 'name', title: 'App', templet: function (d) {
                        if (d.quick_app) {
                            //得到当前行数据，并拼接成自定义模板
                            return d.quick_app.name
                        } else {
                            return '<span style="color:#c00; ">App不存在</span>';
                        }
                    }
                },{field: 'last_novel', title: '最近阅读', minWidth: 170,  templet: '#lastTpl'}
                    , {
                    field: 'agent', title: '<span lay-tips="是否同时为运营读者，否代表此读者已被其他账号抢占，后续充值和运营权将和本账号无关">运营读者</span>', align: 'center', minWidth:180, templet: function (d) {
                        if (d.is_belong === 1){
                            return '<span style="color: #5FB878;">是</span>';
                        }else {
                            return '否';
                        }
                    }
                }

                    , {field: 'vip_text', title: '读者身份', align: 'center', templet: '#vipTpl'}
                //     , {
                //     field: 'pay_money_text', title: '余额', align: 'center', templet: function (d) {
                //         return d.book_coin + d.book_point
                //     }
                // }
                    , {field: 'pay_money_text', title: '总充值', align: 'center'}
                    , {field: 'pay_times', title: '充值笔数', align: 'center'}
                    , {field: 'provider', title: '机型', align: 'center'}
                    , {field: 'regtime', title: '注册时间', minWidth: 170}
                    , {field: 'ip_addr', title: '注册IP', minWidth: 170}
                ]]
        });
    });
</script>